﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="CSS/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="CSS/prettify.css" rel="stylesheet" type="text/css" />
    <script src="CSS/prettify.js" type="text/javascript"></script>
    <style type="text/css">
        [class*="span"]
        {
            /*border:1px solid #999999;*/
        }
    </style>
</head>
<body onload="prettyPrint();">
    <div class="container">
        <div class="hero-unit">
            <h1>
                Base CSS 研究</h1>
        </div>
        <div class="row">
            <div class="span6">
                左边对齐的块引用
                <blockquote>
                    <p>
                        革命尚未成功，同志还需努力。
                    </p>
                    <br />
                    <small><cite>孙文</cite>作品</small>
                </blockquote>
            </div>
            <div class="span6">
                右边对齐的块引用
                <blockquote class="pull-right">
                    <p>
                        寻梦远方兮路迢迢， 三十无成兮白发苍， 故土遥遥兮泪沾裳。
                    </p>
                    <br />
                    <small><cite>解然</cite>作品</small>
                </blockquote>
            </div>
        </div>
        <div class="row">
            <div class="span6">
                pre使用演示
                <pre class="prettyprint linenums pre-scrollable">
        public static void BlocklyCircularlyOperateStream(Stream inputSteam, OperateStreamEnventHandler operateStreamEnventHandler, object callBackObject)
        {
            long streamLength = inputSteam.Length;
            int size = 10240;//10K一--10K为1块,每次读取10k
            byte[] bytesReaded = new byte[size];
            if (size > streamLength)
            {
                size = Convert.ToInt32(streamLength);
            }

            long currentPosition = 0;
            bool isEnd = false;
            while (isEnd == false)
            {
                if ((currentPosition + size) >= streamLength)
                {
                    size = Convert.ToInt32(streamLength - currentPosition);
                    isEnd = true;
                }
                bytesReaded = new byte[size];
                inputSteam.Position = currentPosition;
                inputSteam.Read(bytesReaded, 0, size);

                if (operateStreamEnventHandler != null)
                {
                    operateStreamEnventHandler(null, new OperateStreamEnventArgs() { BytesReaded = bytesReaded, CallBackObject = callBackObject });
                }

                currentPosition += size;
            }
        }</pre>
            </div>
            <div class="span6">
                Code使用演示 <code>我是一个code</code><br />
                Icon Sprite使用演示 1.默认黑色的Icon <i class="icon-refresh"></i>刷新<br />
                2.白色背景的Icon <code><b class="icon-adjust icon-white"></b>调整</code>
                <br />
                3.按钮的演示 <a class="btn ">普通按钮</a>
                <button class="btn btn-primary ">
                    页面首页按钮</button><input class="btn disabled " type="button" name="name" value="无效的按钮" />
            </div>
        </div>
        <div class="row">
            <div class="span6">
                表格使用演示
                <table class="table table-bordered table-striped table-condensed">
                    <thead>
                        <tr>
                            <th>
                               #
                            </th>
                            <th>
                                姓名
                            </th>
                            <th>
                                成绩
                            </th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                               1
                            </td>
                            <td>
                                张三
                            </td>
                            <td>
                                99
                            </td>
                        </tr>
                        <tr>
                            <td>
                               2
                            </td>
                            <td>
                               李四
                            </td>
                            <td>
                                98
                            </td>
                        </tr>
                        <tr>
                            <td>
                               3
                            </td>
                            <td>
                               王五
                            </td>
                            <td>
                                97
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="span6">
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {
        });
    </script>
</body>
</html>
